<!-- 订单统计图表 -->
<div class="bg layui-col-space15">
    <!-- 左边 -->
    <div class="layui-col-md8 ">
        <!-- 左上总信息 -->
        <div>
            <div style="padding: 20px;" class="data-box1">
                <i class="topL"></i>
                <i class="topR"></i>
                <i class="bottomL"></i>
                <i class="bottomR"></i>
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header" style="color:#83c7e3;font-weight: 600;font-size: 1.5rem;background-color:rgb(0, 12, 59);">本年度总订单数</div>
                            <div class="layui-card-body" style="color:#83c7e3;background-color:rgb(0, 12, 59); text-align: center">
                                <span class="order_number_total"></span>
                                <span>单</span>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header" style="color:#83c7e3;font-weight: 600;font-size: 1.5rem;background-color:rgb(0, 12, 59);">本年度总订单金额</div>
                            <div class="layui-card-body" style="color:#83c7e3;background-color:rgb(0, 12, 59); text-align: center">
                                <span class="order_money_total"></span>
                                <span>元</span>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header" style="color:#83c7e3;font-weight: 600;font-size: 1.5rem;background-color:rgb(0, 12, 59);">本年度总耗时</div>
                            <div class="layui-card-body" style="color:#83c7e3;background-color:rgb(0, 12, 59); text-align: center">
                                <span class="order_time_total"></span>
                                <span>小时</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 左下地图 -->
        <div class="data-box1" style="margin-top: 15px;">
                <i class="topL"></i>
                <i class="topR"></i>
                <i class="bottomL"></i>
                <i class="bottomR"></i>
            <div  id="map"></div>
        </div>
    </div>
    <!-- 右边 -->
    <div class="layui-col-md4">
        <!-- 总订单数 -->
        <div class="layui-col-xs12 data-box1">
            <i class="topL"></i>
            <i class="topR"></i>
            <i class="bottomL"></i>
            <i class="bottomR"></i>
            <div  id="allorder">
            </div>
        </div>
        <!-- 总金额 -->
        <div class="layui-col-xs12 data-box1" style="margin: 15px 0;">
            <i class="topL"></i>
            <i class="topR"></i>
            <i class="bottomL"></i>
            <i class="bottomR"></i>
            <div  id="allmoney">
            </div>
        </div>
        <!-- 总耗时 -->
        <div class="layui-col-xs12 data-box1">
            <i class="topL"></i>
            <i class="topR"></i>
            <i class="bottomL"></i>
            <i class="bottomR"></i>
            <div  id="alltime">
            </div>
        </div>
    </div>
</div>